@charset "utf-8";
/* ===================首页样式========================== */
/* .banner{width: 100%;overflow: hidden;position: relative;} */
.banner {width: 100%;overflow: hidden;position: fixed;top: 0;left: 0;height: 100vh;z-index: 2;}
.banner.bannerOpacity{opacity: 0;}
.banner-loop{width: 100%;overflow: hidden;position: relative;}
.banner-loop .banner-image{width: 100%;overflow: hidden;}
.banner-loop .banner-image img{width: 100%;}
.banner-loop .banner-image .pc{width: 100%;height: 100vh;background-repeat: no-repeat;background-position: center top;}
.banner-loop .banner-image .mb{min-height: 300px;}
.banner-cont{position: absolute;z-index: 4;width: 100%;top: 36%;left: 0;transform: translate3d(0,0,10px);}
.banner-cont .title{font-family: "微软正黑体", "Microsoft JhengHei", "\5FAE\x8F6F\6B63\9ED1\4F53";line-height: 1.2;}
/* -- */
.banner-loop-control{position: absolute;z-index: 4;transform: translate3d(0,0,4px);width: 100%;bottom: 50px;pointer-events: none;}
.banner-loop-control .contain{position: relative;}
.banner-loop-control .circle{position: absolute;pointer-events: auto;cursor: pointer;transition: transform .4s;width: 92px;height: 92px;bottom: 54px;right: 0;display: flex;align-items: center;justify-content: center;}
.banner-loop-control .circle i{color: #fff;line-height: 1;transform: rotate(180deg);position: relative;z-index: 4;font-size: 20px;}
.banner-loop-control .circle::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;animation: bannerCtQ 20s linear infinite;left: 0;background: url("../images/index/bannerText.png") no-repeat center/100% auto;}
@keyframes bannerCtQ{0% {transform: rotate(0)}100% {transform: rotate(-360deg);}}
.banner-loop-control .circle:hover{transform: scale(0.88);}
.banner-loop-control .line{width: 100%;height: 1px;background: rgba(255,255,255,0.3);position: relative;overflow: hidden;}
.banner-loop-control .line i{position: absolute;width: 0;height: 100%;top: 0;left: 0;background: #fff;}
.banner-loop-control .line i.active{animation: bannerLine 4.4s linear both 1.2s;}
.banner-loop-control .line i.active.one{animation: bannerLine 15.8s linear both .2s;}
@keyframes bannerLine{0%{width: 0}100%{width: 100%;}}
/* -- */
.banner-loop-page{position: absolute;z-index: 4;left: 0;bottom: 120px;width: 100%;pointer-events: none;font-size: 0;}
.banner-loop-page .swiper-pagination-bullet {position: relative;width: 7px;height: 7px;background: rgba(255,255,255,0.5);transition: background .6s ease;opacity: 1;margin: 0 0 0 36px !important;pointer-events: auto;}
.banner-loop-page .swiper-pagination-bullet::before{content: "";position: absolute;width: 34px;height: 34px;border: 2px solid #fff;top: 50%;left: 50%;margin: -17px 0 0 -17px;border-radius: 50%;opacity: 0;transform: scale(0);transition: all .6s ease;}
.banner-loop-page .swiper-pagination-bullet:first-child{margin: 0 0 0 10px !important;}
.banner-loop-page .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}
.banner-loop-page .swiper-pagination-bullet.swiper-pagination-bullet-active::before{opacity: 1;transform: scale(1);}
/* -- */
.banner-news{position: absolute;width: 100%;bottom: 50px;z-index: 4;transform: translate3d(0,0,5px);}
.banner-news .contain{position: relative;}
.banner-news .swiper-container{z-index: 2;top: 8px;}
.banner-news .swiper-wrapper{height: 32px;}
.banner-news .swiper-slide{height: 100%;}
.banner-news-link{width: 100%;display: flex;align-items: center;height: 100%;padding: 0 20px 0 10px;border-radius: 24px;transition: background .4s;}
.banner-news-link .tags{width: 132px;height: 32px;display: flex;align-items: center;justify-content: center;line-height: 1;color: #000;transition: .4s;opacity: 0;}
.banner-news-link .cont{display: flex;width: calc(100% - 132px);align-items: center;padding-left: 24px;transition: opacity .4s;opacity: 0;}
.banner-news-link .cont .time, .banner-news-link .cont .title{color: #fff;transition: .4s;}
.banner-news-link .cont .time{line-height: 1;width: 118px;}
.banner-news-link .cont .title{width: calc(100% - 118px);}
@media all and (min-width:720px) {
    .banner-news-link:hover .tags{color: #fff;}
    .banner-news-link:hover .cont .time, .banner-news-link:hover .cont .title{color: #000;}
}
.swiper-slide-active .banner-news-link .tags{opacity: 1;}
.swiper-slide-duplicate-active .banner-news-link .tags{opacity: 1;}
.swiper-slide-active .banner-news-link .cont{opacity: 1;}
.swiper-slide-duplicate-active .banner-news-link .cont{opacity: 1;}
.banner-news-block{position: absolute;width: 100%;height: 48px;top: 0;left: 0;border-radius: 24px;transition: .4s;padding: 0 10px;display: flex;align-items: center;}
.banner-news-block i{display: block;width: 132px;height: 32px;border-radius: 16px;background: #fff;transition: .4s;}
@media all and (min-width:720px) {
    .banner-news-block.active{background: #fff;}
    .banner-news-block.active i{background: #000;}
}
/* banner视频 */
.banner-shade{position:absolute;width:100%;height:117px;top:0;left:0;z-index:2;background: url("../images/index/shade.png") repeat-x left top/auto 100%;}
@media all and (max-width:1590px) {
    .banner-shade{height:100px;}
}
.banner-loop .hasVideo .banner-image{animation: hasVideoImg 0s ease both;}
.banner-loop .hasVideo{position: relative;}
@keyframes hasVideoImg {0%{opacity: 1;}100%{opacity: 0;}}
.banner-loop video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;z-index: 2;}
@media all and (max-width:1140px) {.banner-loop .hasVideo .banner-image{animation: none;}.banner-loop video, .banner-shade{display: none;}}
/* -- */

body{background: #000;}

.indSection{width: 100%;position: relative;z-index: 8;margin-top: 100vh;background: #000;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

.indbgCg{width: 100%;background: #000;}
/* 品牌 */
.indpp{overflow: visible;min-height: 100vh;}
.indpp-bg{position: sticky;width: 100%;top: 0;left: 0;user-select: none;pointer-events: none;height: 100vh;display: flex;justify-content: flex-end;opacity: 0;}
.indpp-bg img{max-height: 100%;}
.indpp-bg video{width: 100%;}
.indpp-bg #three-container{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.indpp-main{width: 100%;position: relative;z-index: 4;margin-top: -60vh;}
.indpp-info{line-height: 1.2;font-weight: 300;display: flex;flex-direction: column;align-items: flex-start;}
.indpp-info .text{position: relative;overflow: hidden;}
.indpp-info .text p{position: relative;color: rgba(255,255,255,0.4);}
.indpp-info .text p::after{content: attr(data-note);width: 100%;color: #fff;font-size: inherit;font-weight: inherit;animation-name: clip;position: absolute;top: 0;left: 0;clip-path: polygon(0% 0%, var(--clip-x, 0%) 0%, var(--clip-x, 0%) 100%, 0% 100%);}
.indpp-list{width: 100%;}
.indpp-list li{border-bottom: 1px solid rgba(255,255,255,0.4);color: #fff;}
.indpp-list li .title{align-items: center;justify-content: space-between;}
.indpp-list li .title i{color: #fff;font-size: inherit;transform: rotate(225deg);}
.indpp-list li .links{width: 100%;}
.indpp-list li .links .btn{height: 54px;position: relative;overflow: hidden;margin-right: 12px;}
.indpp-list li .links .btn:last-child{margin-right: 0;}
.indpp-list li .links .btn::before, .indpp-list li .links .btn::after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 27px;transition: transform .4s cubic-bezier(.15, .85, .45, 1),opacity .4s;}
.indpp-list li .links .btn::after {border: 1px solid #fff;background: rgba(179,179,179,0.1);}
.indpp-list li .links .btn::before {z-index: 1;transform: translateY(101%);background-color: #fff;}
.indpp-list li .links .btn .btn-w {position: relative;padding: 0 36px;display: block;z-index: 2;overflow: hidden;}
.indpp-list li .links .btn .btn-w span{display: block;width: 100%;text-align: center;will-change: transform;transform: translateY(0);visibility: visible;transition: transform .6s cubic-bezier(.15, .85, .45, 1), opacity .6s;line-height: 1.14;}
.indpp-list li .links .btn .btn-w span.w1{color: #fff;}
.indpp-list li .links .btn .btn-w span.w2{position: absolute;left: 0;top: 100%;color: #000;}
@media(hover: hover){
    .indpp-list li .links .btn:hover::before{transform:translateY(0)}
    .indpp-list li .links .btn:hover::after{transform: scale(.8);opacity: 0}
    .indpp-list li .links .btn:hover .btn-w span {transform: translateY(-100%)}
    .indpp-list li .links .btn:hover .btn-w span.w1 {opacity: 0}
}
@media all and (min-width:1100px) {
    .indpp-list li{transform: translateY(60%);opacity: 0;transition: transform .5s cubic-bezier(.25, .1, .25, 1), opacity .3s ease;}
    .indpp-list li.active{transform: translateY(0);opacity: 1;transition: transform 1.2s cubic-bezier(.25, .1, .25, 1), opacity .8s ease .3s;}
}

/* 眼睛 */
.indyj{position: relative;user-select: none;}
.indyj-main{width: 100%;position: relative;overflow: hidden;}
.indyj-main .img{width: 100%;color: #fff;}
.indyj-main .img svg{display: block;width: 100%;height: auto;}
.indyj-eyes{position: absolute;vertical-align: middle;width: 21.5%;left: 22.57%;aspect-ratio: 1.56;top: 3.27%;margin-left: 4px;}
.indyj-eyes-wrap{height: 100%;}
.indyj-eyes-my{height: 100%;width: 100%;display: flex;justify-content: space-between;}
.indyj-eyes-eye{border: max(1px, .3vw) solid #fff;border-radius: 50%;height: 100%;width: 46%;overflow: hidden;position: relative;}
.indyj-eyes-quan{aspect-ratio: 1;background: currentColor;border-radius: 100%;width: 33%;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: transform 0.15s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
.indyj-eyes-pi{background: #000;position: absolute;border: max(1px, .3vw) solid #fff;border-radius: 0 0 45% 45%;border-top: 0;bottom: 100%;left: -25%;width: 150%;height: 90%;transform: translateY(0);transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);}
@media (hover: hover) {
    .indyj-eyes-my:hover .indyj-eyes-quan{opacity: 0;}
    .indyj-eyes-my:hover .indyj-eyes-pi{transform: translateY(100%);}
}
@media all and (min-width:1100px) {
    .indyj-main .indyj-eyes, .indyj-main .char {transform: translateY(150%) rotate(20deg);transition: transform 0.3s cubic-bezier(.215,.61,.355,1);}
    .indyj-main.active .indyj-eyes, .indyj-main.active .char{transform: translateY(0) rotate(0deg);transition: transform 1.1s cubic-bezier(.215,.61,.355,1);transition-delay: calc(var(--index)*70ms);}
}

/* 案例 */
.indal{position: relative;}
.indal-list{width: 100%;}
.indal-ul{margin: -70px 0 0 -40px;}
.indal-link{display: block;width: calc(50% - 40px);margin: 70px 0 0 40px;}
.indal-imgs{width: 100%;overflow: hidden;position: relative;}
.indal-imgs img{width: 100%;}
.indal-imgs img.mas, .indal-imgs img.pro{position: absolute;top: 0;left: 0;}
.indal-imgs img.pro{transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);}
.indal-cont{width: 100%;}
.indal-cont .tags span{height: 36px;border-radius: 18px;background: #fff;min-width: 92px;display: flex;align-items: center;justify-content: center;line-height: 1;padding: 0 12px;margin-right: 8px;}
.indal-cont .tags span:last-child{margin-right: 0;}
@media all and (min-width:1100px) {
    .indbgCg{transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indal .indHead{transition: color 1s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .indbgCg.on{background: #f6f6f6;}
    .indbgCg.on .indal .indHead{color: #000;}
    .indbgCg.on .indal .indal-cont .title{color: #000;}
    .indbgCg.on .indal .indal-cont .text{color: #666;}
}

.indBtn{position: relative;justify-content: center;}
.indBtn::before{content: "";position: absolute;width: 300vw;left: -100vw;height: 2px;top: 50%;margin-top: -1px;background: #e1e1e1;}
.indBtn-main{padding: 0 24px;background: #f6f6f6;position: relative;z-index: 4;}

/* 客户 */
.indkh{width: 100%;user-select: none;background: #f6f6f6;}
.indkh-bg{position: absolute;width: 100%;top: 0;left: 0;height: 100%;}
.indkh-bg .items{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;transition: opacity .6s cubic-bezier(0.22, 0.61, 0.36, 1);}
.indkh-bg .items.active{opacity: 1;}
.indkh-bg img{width: 100%;height: 100%;object-fit: cover;}
.indkh-main{width: 100%;position: relative;overflow: hidden;z-index: 10;transform: translate3d(0,0,10px);}
.indkh-menu-links{background: #fff;padding: 6px 10px;border-radius: 29px;}
.indkh-menu-links .link{height: 46px;border-radius: 23px;min-width: 130px;padding: 0 28px;transition: background .4s ease, color .4s ease;cursor: pointer;}
@media (hover: hover) {.indkh-menu-links .link:hover{color: #e10f1c;}}
.indkh-menu-links .link.active{background: #e10f1c;color: #fff;}
.indkh-info{width: 100%;position: relative;}
.indkh-info .items{width: 654px;position: absolute;top: 0;left: 0;opacity: 0;pointer-events: none;transition: opacity .6s cubic-bezier(0.22, 0.61, 0.36, 1);}
.indkh-info .items:first-child{position: relative;}
.indkh-info .items.active{opacity: 1;pointer-events: auto;}
.indkh-loops{width: 100%;overflow: hidden;mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);-webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);}
.indkh-loops .items{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;width: 100%;}
.indkh-loops .items.active{visibility: visible;height: auto;pointer-events: auto;}
.indkh-loop{width: 100%;margin-top: 10px;transform: translate3d(0,0,10px);}
.indkh-loop:first-child{margin-top: 0;}
.indkh-loop .link{background: #fff;height: 116px;}
.indkh-loop .link img{max-width: 90%;max-height: 90%;}
.indkh-loop .swiper-wrapper{transition-timing-function: linear;margin: 0 auto;}
.indkh-loop:nth-child(2n){transform: rotate(180deg);}
.indkh-loop:nth-child(2n) .link{transform: rotate(180deg);}

/* 新闻 */
.indxw{width: 100%;background: #f6f6f6;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.indxw-control{width: 100%;justify-content: space-between;}
.indxw-menu .link{height: 46px;border-radius: 23px;min-width: 160px;padding: 0 28px;transition: background .4s ease, color .4s ease;cursor: pointer;background: #fff;margin-right: 12px;color: #222;}
.indxw-menu .link:last-child{margin-right: 0;}
@media (hover: hover) {.indxw-menu .link:hover{color: #fff;background: #e10f1c;}}
.indxw-menu .link.active{background: #e10f1c;color: #fff;}
.indxw-btns .items{display: none;}
.indxw-btns .items.active{display: flex;}
.indxw-btns .items>div{width: 80px;height: 46px;border-radius: 23px;background: #fff;cursor: pointer;user-select: none;font-size: 16px;color: #8d8d8d;margin-right: 10px;transition: background .4s ease, color .4s ease;line-height: 1;}
.indxw-btns .items>div:last-child{margin-right: 0;transform: rotate(180deg);}
@media (hover: hover) {.indxw-btns .items>div:hover{color: #fff;background: #e10f1c;}}
.indxw-btns .items>div.active{background: #e10f1c;color: #fff;}
.indxw-loops{width: 100%;}
.indxw-loops .items{visibility: hidden;height: 0;overflow: hidden;pointer-events: none;width: 100%;}
.indxw-loops .items.active{visibility: visible;height: auto;pointer-events: auto;overflow: visible;}
.indxw-pagination{position: relative;bottom: 0;font-size: 0;background: #e1e1e1;height: 2px;display: none;}
.indxw-pagination span{background: #e10f1c !important;}
.indxw-zhong{width: 100%;}
.indxw-zhong .swiper-container{overflow: visible;}
.indxw-zhong-link{display: block;width: 100%;overflow: hidden;position: relative;}
.indxw-zhong-link img{width: 100%;transition: transform .6s ease;}
.indxw-zhong-link .cont{position: absolute;z-index: 4;transform: translate3d(0,0,10px);left: 0;bottom: 0;padding: 0 38px 28px;}
.indxw-zhong-link .tags{position: absolute;width: auto;height: 25px;padding: 0 14px;border-radius: 13px;top: 20px;right: 20px;z-index: 2;transform: translate3d(0,0,2px);background: rgba(255,255,255,0.2);line-height: 1;color: #fff;}
.indxw-zhong-link:hover img{transform: scale(1.08);}
/* -- */
.indxw-news{width: 100%;}
.indxw-news .swiper-container{overflow: visible;}
.indxw-news-link{display: block;width: 100%;position: relative;background: #fff;padding: 50px 0 64px;transition: background .6s ease;}
.indxw-news-link .head{padding: 0 24px 0 38px;align-items: center;justify-content: space-between;}
.indxw-news-link .head .tags{align-items: center;}
.indxw-news-link .head .tags i{width: 10px;height: 10px;background: #888;border-radius: 50%;margin-right: 14px;transition: background .4s ease;}
.indxw-news-link .head .arrow{width: 50px;height: 50px;border-radius: 50%;background: #fff;line-height: 1;color: #e10f1c;}
.indxw-news-link .head .arrow i{font-size: inherit;transform: rotate(180deg);}
.indxw-news-link .cont{padding: 0 38px;margin-top: 109px;}
.indxw-news-link:hover{background: #e10f1c;}
.indxw-news-link:hover .head .tags{color: #fff;}
.indxw-news-link:hover .head .tags i{background: #fff;}
.indxw-news-link:hover .cont .title{color: #fff;}
.indxw-news-link:hover .cont .text{color: #fff;}
.indxw-news-link:hover .cont .time{color: #fff;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
    .banner-loop .banner-image .pc{background-size: cover;}
    .indxw-news-link {padding: 34px 0 50px;}
    .indxw-news-link .cont {padding: 0 30px;margin-top: 62px;}
}

@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .banner-news {bottom: 40px;}
    .banner-loop-control{bottom: 40px;}
    .banner-loop-control .circle{bottom: 34px;}
    .banner-loop-page{bottom: 90px;}
    .banner-loop-page .swiper-pagination-bullet {margin: 0 0 0 30px !important;}
    .banner-loop-page .swiper-pagination-bullet::before {width: 28px;height: 28px;margin: -14px 0 0 -14px;}
    .indpp-list li .links .btn {height: 50px;margin-right: 10px;}
    .indpp-list li .links .btn .btn-w {padding: 0 30px;}
    .indpp-list li .links .btn::before, .indpp-list li .links .btn::after {border-radius: 25px;}
    .indal-ul {margin: -60px 0 0 -40px;}
    .indal-link {width: calc(50% - 40px);margin: 60px 0 0 40px;}
    .indkh-menu-links .link {height: 42px;border-radius: 20px;min-width: 124px;padding: 0 24px;}
    .indkh-loop .link{height: 100px;}
    .indxw-menu .link {height: 42px;border-radius: 21px;min-width: 150px;padding: 0 24px;}
    .indxw-btns .items>div {width: 70px;height: 42px;border-radius: 21px;}
    .indal-cont .tags span {height: 34px;border-radius: 17px;min-width: 88px;}
    .indxw-zhong-link .tags{top: 16px;right: 16px;}
    .indxw-zhong-link .cont {padding: 0 30px 22px;}
    .indxw-news-link .head .arrow{width: 44px;height: 44px;}
    .indxw-news-link {padding: 35px 0 46px;}
    .indxw-news-link .head {padding: 0 20px 0 30px;}
    .indxw-news-link .cont {padding: 0 30px;margin-top: 60px;}
}

@media all and (max-width:1430px) {
    /* 1360 */
    .indxw-news-link {padding: 30px 0 40px;}
    .indxw-news-link .cont {padding: 0 30px;margin-top: 41px;}
}

@media all and (max-width:1350px) {
    /* 1280 */
    .indpp-list li .links .btn {height: 44px;margin-right: 8px;}
    .indpp-list li .links .btn .btn-w {padding: 0 24px;}
    .indpp-list li .links .btn::before, .indpp-list li .links .btn::after {border-radius: 22px;}
    .indal-ul {margin: -50px 0 0 -30px;}
    .indal-link {width: calc(50% - 30px);margin: 50px 0 0 30px;}
    .indkh-menu-links .link {height: 38px;border-radius: 19px;min-width: 120px;padding: 0 20px;}
    .indkh-loop .link{height: 80px;}
    .indxw-menu .link {height: 38px;border-radius: 19px;min-width: 140px;padding: 0 20px;}
    .indxw-btns .items>div {width: 60px;height: 38px;border-radius: 19px;}
    .indxw-zhong-link .tags{top: 12px;right: 12px;height: 24px;border-radius: 12px;}
    .indxw-zhong-link .cont {padding: 0 24px 18px;}
    .indxw-news-link .head .arrow{width: 36px;height: 36px;font-size: 16px;}
    .indxw-news-link .head .tags i {width: 8px;height: 8px;margin-right: 12px;}
    .indxw-news-link {padding: 25px 0 32px;}
    .indxw-news-link .head {padding: 0 16px 0 20px;}
    .indxw-news-link .cont {padding: 0 20px;margin-top: 41px;}
}

@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .banner-news {bottom: 36px;}
    .banner-loop-control {bottom: 30px;}
    .banner-loop-control .circle {bottom: 28px;}
    .banner-loop-page{bottom: 70px;}
    .banner-loop-page .swiper-pagination-bullet {margin: 0 0 0 28px !important;}
    .banner-loop-page .swiper-pagination-bullet::before {width: 24px;height: 24px;margin: -12px 0 0 -12px;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .banner{top: 60px;}
    .banner, .banner-loop .banner-image .pc{height: 38vh;}
    .banner-loop-control .circle{display: none;}
    .indSection{margin-top: calc(38vh + 60px);}
    .indpp{min-height: auto;background: #000;padding-top: 80px;overflow: hidden;}
    .indpp-bg {position: absolute;opacity: 0.6 !important;transform: scale(0.8);top: -10%;}
    .indpp-main {margin-top: 0;}
    .indpp-info .text p{color: #fff;}
    .indpp-info .text p::after{display: none;}
    .indyj-eyes-quan{top: auto;bottom: 6%;transform: none;}
    .indSection{background: #f6f6f6;}
    .indbgCg{background: #f6f6f6;}
    .indyj{background: #000;margin-top: -1px;}
    .indal .indHead{color: #000;}
    .indal .indal-cont .title{color: #000;}
    .indal .indal-cont .text{color: #666;}
}

@media all and (max-width:1000px) {
    /* 720 竖屏 */
    .banner-loop-page {bottom: 70px;}
    .banner-loop-page .swiper-pagination{width: 100%;left: 0;}
    .indkh-menu-links .link {min-width: 104px;padding: 0 14px;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:720px) {
    /* 移动终端 360 适配 */
    .indSection{margin-top: 100vh;}
    .banner, .banner-loop .banner-image .mb{height: calc(100vh - 60px - 70px);}
    .banner-news{bottom: 12px;}
    .banner-news .swiper-container{top: 0;}
    .banner-news .swiper-wrapper{height: 60px;}
    .banner-news .swiper-slide{height: 100%;}
    .banner-news-link{padding: 0;border-radius: 0;flex-wrap: wrap;}
    .banner-news-link .tags{width: 72px;height: 28px;opacity: 1;background: #fff;border-radius: 14px;}
    .banner-news-link .cont{width: 100%;padding-left: 0;height: 28px;margin-top: 4px;opacity: 1;}
    .banner-news-link .cont .time{width: 86px;}
    .banner-news-link .cont .title{width: calc(100% - 86px);}
    .banner-news-block {height: 28px;border-radius: 0;padding: 0;display: none !important;}
    .banner-news-block i {width: 72px;height: 28px;border-radius: 14px;}
    .banner-loop-control {bottom: 20px;}
    .banner-loop-page{bottom: 50px;}
    .banner-loop-page .swiper-pagination-bullet {width: 6px;height: 6px;margin: 0 0 0 24px !important;}
    .banner-loop-page .swiper-pagination-bullet::before {width: 24px;height: 24px;margin: -12px 0 0 -12px;}
    .banner-cont{top: 9%;display:none}
    .indpp{padding-top: 48px;}
    .indpp-bg #three-container{display: none;}
    .indpp-bg{transform: scale(1);top: 46px;background: url("../images/index/indppBg.webp") no-repeat top center/90% auto;}
    .indpp-info{font-size: 28px;}
    .indpp-list li .title{font-size: 24px;}
    .indpp-list{margin-top: 28px;}
    .indpp-list li .links .btn {height: 28px;margin-right: 6px;}
    .indpp-list li .links .btn .btn-w {padding: 0 12px;font-size: 11px;}
    .indpp-list li .links .btn::before, .indpp-list li .links .btn::after {border-radius: 16px;}
    .indyj{padding-top: 12px;}
    .indal-ul{margin: -24px 0 0;}
    .indal-link{width: 100%;margin: 24px 0 0;}
    .indal-cont .tags span {height: 28px;border-radius: 14px;min-width: auto;font-size: 10px;margin-right: 4px;padding: 0 8px;}
    .indkh-menu-links{border-radius: 10px;padding: 0 10px 6px;}
    .indkh-menu-links .link {min-width: auto;padding: 0 14px;width: 33.3333%;height: 30px;border-radius: 15px;margin-top: 6px;}
    .indkh-loop .link{height: 60px;}
    .indkh-info .items{width:100%}
    .indkh-bg{display: none;}
    .indkh-loop .link img {max-width: 70%;max-height: 70%;}
    .indxw{border-radius: 0 !important;padding-bottom:50px;}
    .indxw .indBtn{margin-top: 44px;}
    .indxw-menu .link {height: 32px;border-radius: 16px;min-width: auto;padding: 0 8px;margin-right: 4px;font-size: 10px;}
    .indxw-zhong-link .cont {padding: 0 16px 16px;}
    .indxw-btns{display: none;}
    .indxw-pagination{display: none;width: 68%;margin: 20px auto 0;}
    .indxw-news-link .head .arrow{width: 30px;height: 30px;font-size: 14px;}
    .indxw-news-link .head .tags i {width: 6px;height: 6px;margin-right: 10px;}
    .indxw-news-link {padding: 24px 0 32px;}
    .indxw-news-link .cont {padding: 0 20px;margin-top: 30px;}
}